<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="X-UA-Compatible" content="IE=8">
    <title>高等院校讨论吧</title>
	<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../layui/css/layui.css">
	<link rel="stylesheet" href="../../css/swiper.min.css">
	<link rel="stylesheet" href="../../css/common.css">
	<link rel="stylesheet" href="../../css/style.css">
	<link rel="stylesheet" type="text/css" href="css/institutions.css"/>
</head>
<body>
	<div class="top_header_wrap"></div>
	    <!--#include file="../common/header.html" -->
		<!--广告-->
		<div class="banner">
			<div class="swiper-container swiper-container1">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="../../img/banner.jpg"></div>
					<div class="swiper-slide"><img src="../../img/banner.jpg"></div>
					<div class="swiper-slide"><img src="../../img/banner.jpg"></div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<!--内容-->
		<div id="app">
		  <div class="main_container">
			<!-- 标题 -->
			<div class="main_title layui-row">
				<div class="layui-col-md1 layui-col-xs2">&nbsp;</div>
				<div class="main_text layui-col-md4 layui-col-xs8">讨论专区&gt;高等院校讨论区</div>
			</div>
			<!-- 内容 -->
			<div class="main_content layui-row">
				<div class="content1 layui-col-md3 layui-col-xs2">&nbsp;</div>
				<div class="content2 layui-col-md6 layui-col-xs8">
					<!-- 搜索框 -->
					<div class="disscu_sera">
						<div class="layui-container" style="width: 100%;">
							<div class="layui-row">
								<!-- 标题 -->
								<div class="sera_title layui-col-md12">搜索您想要讨论的院校</div>
								<!-- 搜索框 -->
								<div class="sera_con layui-col-md12">
									<div class="con_sear">
										<input id="getsch" type="text" placeholder="请输入院校名称" />
										<div class="btn" @click="seach()">
											<img src="css/sear.png" >
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				    <!-- 内容 -->
					<div class="disscu_con">
						<!-- 左边 -->
						<div class="introduce">
							 <!-- 学校介绍信息 -->
							<div class="introduce_list">
								<div class="header_han">
									<div class="header_text">{{school_name}}</div>
									<div class="header_img">
										<img :src="school_icon" >
									</div>
								</div>
								<div class="header">学校排名：{{school_rank}}</div>
								<div class="header">标签：{{school_mark == ""?sc_ma:school_mark}}</div>
								<div class="header header_add">位置：{{school_address}}</div>
								<div class="header header_sch">学校历年分数线</div>
								<div class="header header_recruit">2019年招生计划</div>
							</div>
							<!-- 学校排行榜 -->
							<div class="introduce_ranking">
								<div class="rank_header">人气排行榜</div>
								<div class="rank_list">
									<div class="ran_lis" style="margin-top: 185px;">
									<div class="list" v-for="(item,index) in buzz" :key="index">
										<div class="list1">
											<div class="serial">{{index+1}}</div>
											<div class="list_img">
											 <img :src="item.head_photo" >
											</div>
											<div class="designation">{{item.user_nick}}</div>
										</div>
										<div class="list2">
											<div class="listt_img">
												<img src="../../img/about_us.png" >
											</div>
											<div class="listt_text">{{item.high_praise_counts}}</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 右边 无消息内容时 -->
						<div class="discuss" :class="pagebean.length === 0?'discuss':'hide'">
							<div class="discuss_img">
								<img src="http://pq36kdb2w.bkt.clouddn.com/lly/images/no%20comment@3x.png" >
							</div>
						</div>
					   
					    <!-- 右边 有消息内容时 -->
					    <div class="discusss"  :class="pagebean.length === 0?'hide':'discuss'">
					    	<div class="discuss_list">
	                        <div class="hintee" :class="hintee == true?'hide':'hintee'">{{hintee_text}}</div>
					    		<!-- 讨论内容 -->
					    		<div class="list" id="discussion_list">
					    			<div class="list1" v-for="(item,index) in pagebean" :key="item.index">
					    				<!-- 头部 -->
					    				<div class="list_hea">
					    					<div class="hea_user">
					    						<div class="user_img">
					    							<img :src="item.user.head_photo" >
					    						</div>
					    						<div class="user_name">{{item.user.nick}}</div>
					    					</div>
					    					<div class="hea_time">
					    						<div class="tim_img">
					    							<img src="../../img/about_us.png" >
					    						</div>
					    						<div class="tim_hm">{{item.forum_time}}</div>
					    					</div>
					    				</div>
					    			    <!-- 内容 -->
					    				<div class="list_text">{{item.forum_content}}</div>
					    				<!-- 回复内容 -->
					    				<div class="list_content" :class="item.forumList.length === 0?'hide':'list_content'">
											<div class="content_hid">
												<div v-for="iten in item.forumList" :key="iten">
													<div class="content content1">{{iten.user.nick}}：{{iten.forum_content}}</div>
												</div>
										    </div>
					    					<div class="content content2" @click="look_more(item.id)">共{{item.forumList.length}}条回复&gt;&gt;</div>
					    				</div>
					    				<!-- 操作 -->
					    				<div class="list_operation">
					    					<div class="operation1" @click="active(item.id,item.school_id,item.user_id)">
					    						<img src="../../img/about_us.png" >
					    					</div>
					    					<div class="operation2" @click="give_like(item.id)">
					    						<div class="opera_img">
					    							<img src="https://gsgkzyl-1258208134.cos.ap-chengdu.myqcloud.com/zyl_pc/icon/like_icon.png" >
					    						</div>
					    						<div class="opera_text">{{item.high_praise_counts}}</div>
					    					</div>
					    					<div class="operation3" @click="report(index,$event,item.id,item.user_id)">
					    						<img src="https://gsgkzyl-1258208134.cos.ap-chengdu.myqcloud.com/zyl_pc/icon/more_icon.png" >
					    					</div>
										<!-- 举报按钮 -->
										<div class="inform" :class="inform == index?'inform':'hide'">
											<div class="inform_lg" @click="open()">举报</div>
											<div class="inform_triangle"></div>
										</div>
					    				</div>
					    			</div>
					    		    <div class="see_more" @click="seem()">查看更多</div>
					    		</div>
					    	
					    	</div>
					    </div>					
					    
					    <div class="transmit">
							<div class="hint" :class="hinet == true?'hide':'hint'">{{hinet_text}}</div>
					    	<input id="inp_con" type="text" :value="content_in" placeholder="点击评论"/>
					    	<div class="transmit_btn" @click="trans()">发送</div>
					    </div>
					</div>
				</div>
				<div class="content3 layui-col-md3 layui-col-xs2">&nbsp;</div>
			</div>
			  
			  <!-- 举报信息 -->
			  <div class="report_message" :class="reported === false? 'hide':'report_message'">
			  	<div class="report_list">
			  		<div class="list list1">
			  			<div class="empty">&nbsp;</div>
			  			<div class="list_text">举报理由</div>
			  			<div class="list_dele" @click="close()">X</div>
			  		</div>
			  		<div class="list_jb" @click="whistle($event)">
			  			<div class="list list2 list_num" data-rep = "1">色情传播</div>
			  			<div class="list list3 list_num" data-rep = "2">违法信息</div>
			  			<div class="list list4 list_num" data-rep = "3">营销广告</div>
			  			<div class="list list5 list_num" data-rep = "4">谩骂攻击</div>
			  			<div class="list list6 list_num" data-rep = "5">其他</div>
			  		</div>
			  	</div>
			  </div>
		</div>
		<!-- 回复框 -->
		<div class="reply" :class="reply_tf == true?'hide':'reply'">
			<div class="reply_son">
				<div class="reply_prot">
					<div class="close" @click="cloose()">X</div>
					<textarea id="repl" rows="5" cols="50" placeholder="回复xxx"></textarea>
					<div class="btn">回复</div>
				</div>
			</div>
		</div>
		</div>
		<!--尾部-->
		<div class="footer_container">
			
		</div>
	</div>
    <!-- js -->
    <script src="../../js/jquery-1.11.0.min.js"></script>
    <script src="../../layui/lay/modules/layer.js"></script>
	<script type="text/javascript" src="../../js/swiper.min.js"></script>
	<script type="text/javascript" src="../../bootstrap/js/bootstrap.min.js"></script>
	<script src="../common/host/host.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
	<script src="https://cdn.bootcss.com/axios/0.18.0/axios.js"></script>
	<script src="js/institutions.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>